<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>疫情舆情分析</title>
    <link
      rel="stylesheet"
      href="./css/index.css">
    <script src="./js/vue.js"></script>
    <script src="./js/index.js"></script>
    <!-- <link rel="stylesheet" href="../assets/css/sentiment.css"/> -->
    <link rel="stylesheet" href="./css/sentiment.css">
    <script src="./js/echarts.min.js"></script>
    <script src="./js/echarts-wordcloud.min.js"></script>
    <script src="./js/jquery.js"></script>
    <style>
        .el-table__body td {
  color: #fff !important;
}
        .el-pagination .number,
        .el-pagination button:disabled,
        .btn-next,.btn-prev{
         background:rgba(93, 90, 139, 0.8)!important;
        }
    </style>
  </head>
  <body>
    <div class="main-container">
      <div class="item sense">疫情舆情可视化</div>
      <div class="item word">
        <a href="javascript:;" class="a1">十月</a>
        <a href="javascript:;" class="a2">十一月</a>
        <a href="javascript:;" class="a3">十二月</a>
        <div class="chart"></div>
      </div>
      <div class="item city">
        
      </div>

      <!-------------------------- 版块4：评论 ---------------------->
      <div class="item">
        <h2>基于微博平台舆情详情</h2>
        <div id="app" style="margin-top: -17px;">
  <el-table
    ref="filterTable"
    :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
    height="275"
    stripe
    :header-cell-style="{background:'#1a1835',color:'#c8d6f1'}"
    :cell-style="{background:'#1a1835',color:'#409EFF'}"
    style="width: 97%">
    <el-table-column
      prop="name"
      label="姓名"
      width="200">
    </el-table-column>
    <el-table-column
      prop="comment"
      label="评论"
      >
    </el-table-column>
    <el-table-column
      prop="tag"
      label="标签"
      width="100"
      :filters="[{ text: '积极', value: '积极' }, { text: '中性', value: '中性' }, { text: '消极', value: '消极' }]"
      :filter-method="filterTag"
      filter-placement="bottom-end">
      <template slot-scope="scope">
        <el-tag
          :type="scope.row.tag === '积极' ? 'success' : 'warning'"
          disable-transitions>{{scope.row.tag}}</el-tag>
      </template>
    </el-table-column>
  </el-table>
  <div style="margin-top:.2rem;margin-left: .2rem;">
   <el-pagination 
   @size-change="handleSizeChange"
     @current-change="handleCurrentChange"
     :current-page="currentPage"
     :page-size="pagesize"
     layout=" prev, pager, next"
     :total="tableData.length">
   </el-pagination>
 </div>
</div>
    </div>
    <script src="./js/sentiment.js"></script>
    <script src="./js/table.js"></script>
  </body>
</html>
